@import url('~@/styles/mixin.less');

.courseRanking {
    color: #666;
    font-weight: 400;
    font-size: 30px;
    line-height: 42px;

    &_process:not(:last-child) {
        margin-bottom: 32px;
    }

    &_process {
        &_label {
            width: 120px;
            span {
                display: block;
                .ellipsis();
            }
        }

        &_counter {
            width: 88px;
            text-align: right;
            span {
                display: block;
                .ellipsis();
            }
        }

        &_content {
            flex-shrink: 0;
            width: 398px;
        }

        .flex(space-between, center);

        :global(.adm-progress-bar) {
            --fill-color: linear-gradient(90deg, #3fe0d6 0%, #21c1b1 100%);
            --track-color: #d4f4f2;
            --track-width: 20px;
        }
    }

    &_more {
        &_view {
            margin-right: 6px;
        }
    }
}
